<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
    html{
  	  height:100%;
    }
    
    body{
  	  height:100%;
  	  overflow: hidden;
    }
    
	table{ 
		border:1px solid black;
		border-collapse:collapse;
		width:100%;
		height:98%
	}
	
	td{
		border:1px solid black;
	}
	
	#tdbar{
		 width:2px;
		 cursor:pointer;
	}
</style>
 <script src="/js/jquery-1.8.3.js"></script>
</head>
<body>
	<table>
		<tr>
			<td width="11%" id="tdleft" height="100%">
				<iframe src="left.jsp" width="100%" height="100%" frameborder="0" ></iframe>
			</td>
			<td id="tdbar" onclick="$('#tdleft').toggle()">
			</td>
			<td>
				<iframe  width="100%" height="100%" src="welcome.html" frameborder="0"  name="centerFrame"></iframe>
			</td>
		</tr>
	</table>
</body>
</html>